body{
margin: 0; padding: 0; 
 background: #f3f3f3 url(imgs/transparent-noise.png) repeat;
 font-size: 0.8em;font-family:'Avenir',Hiragino Sans GB ,STHeiTi,sans-serif; 
 line-height: 24px;

 }
 
a img{border:none;}
p{font-size: 0.8em;}
.clear{clear: both;}
input:hover{cursor:pointer;}

/* stylesheet header part */
#body{}
/*account bar*/
#account{width:100%; background:#d6d6d6;font-size: 12px;z-index: 999;top: 0;position: fixed; border-bottom:2px solid #E6E6E6; }
#account iframe{margin-bottom: 3px;vertical-align: bottom;}
#account img{vertical-align:bottom;margin-bottom:2px;}
#account a{color:#000; }
#account .timer {float:left; margin:0 0 0 1em;color:#0066A5;}
.account_info {float:right;margin-right:2em;}

/*login page*/
.loginbar{width:90%; margin:0 auto;background:#fff;padding:1em;}
.loginbar a img{vertical-align:bottom;}
.loginbar_left{width:35%; float:left; background:#87cefa; padding:1em;}
.loginbar_right{width:40%;float:right;padding: 1em;}
.loginbar_right li{list-style:none; padding: 0.2em;}

/*all header elements*/
#ad_header{width: 730px; margin: 2em auto 0em auto; }
#header{width: 100%; margin: 0 auto; margin-bottom: 0.5em;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
.nav_bg{background:#555 url(imgs/menu-bg-pattern.png) repeat; padding: 2px;}
.nav_block{width:72%; margin:0 auto;}
.logo{ line-height: 1.1; float: left;  word-wrap: break-word; color:white; }


.navigation{font-size: 17px;   float: right; }
.navigation li{ float: left; list-style: none; padding: 0 0.5em 0 0.5em; color: #fff; }
.navigation li.menu{}
.navigation li div{display:none;}
.navigation li a{ text-decoration: none; }
.navigation li a:hover{color:aqua;}
#nav1 {background: url("imgs/nav1.png"); width: 64px; height:75px; border: none;}
#nav1:hover{background: url("imgs/nav1_hover.png"); width: 64px; height:75px; border: none;}
#nav2 {background: url("imgs/nav2.png"); width: 44px; height:75px; border: none;}
#nav2:hover{background: url("imgs/nav2_hover.png"); width: 44px; height:75px; border: none;}
#nav3 {background: url("imgs/nav3.png"); width: 81px; height:75px; border: none;}
#nav3:hover {background: url("imgs/nav3_hover.png"); width: 81px; height:75px; border: none;}
#nav4 {background: url("imgs/nav4.png"); width: 82px; height:75px; border: none;}
#nav4:hover {background: url("imgs/nav4_hover.png"); width: 82px; height:75px; border: none;}


/* sub_nav */
.sub_nav{width:69%; margin: 0 auto;}
.sub_nav h3{float: left;}
.sub_nav img{vertical-align: bottom;}
.sub_nav a{color: black;
background: white;
padding: 0.3em 0.5em;
text-decoration: none;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);}
.sub_nav a:hover{background: lightSkyBlue;padding: 0.3em 0.5em; }

/* contact page */
.contactbar{width:90%; margin:0 auto; background:#fff; padding:1em;}


/* stylesheet container part */

.filter-wrap {
clear: both;
background: url(imgs/content-top-shadow.png) no-repeat center bottom;
background-size: 100%;
height: 20px;
margin-bottom: 18px;
width: 72%;
margin: 0 auto;

}
.filter-wrap_end{
clear: both;
background: url(imgs/content-bottom-shadow.png) no-repeat center bottom;
background-size: 100%;
height: 45px;
margin-bottom: 18px;
}
#container{ 
 width:72%; 
/*  min-height:600px; */
 margin: 0 auto;
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
          }
#container p{font-size:13px;}
.new_article  {}
.new_article .title{margin: 0 0 0 0.5em; display: block;}
.new_article  li{float: left;margin:0 0 0.8em 0.8em ;  padding: 0.5em; list-style: none;}
.new_article  li a {color: black; text-decoration: none;}
.new_article  li .bg_img{ background: white url("imgs/shadow.png") no-repeat; bottom: 0; z-index: 0;}
.new_article  li a .text_only {font-size: 12px !important; height: 180px;width: 150px; }
.new_article  li img{ z-index: 999; position: relative; border: 1px #f0f0f0 solid; text-align: center; margin: 0 auto; }

.new_article  li .shadow_img{}
.centered { margin: 0 auto; }
.box {
  margin: 5px;
  padding: 5px;
  background: #F6F6F6;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.box:hover{ background:#87CEFA;}
.box h2 {
  font-size: 14px;
  font-weight: 200;
}
.box a{color: black; text-decoration: none;}
.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 { width: 70px; }
.col2 { width: 150px; -webkit-box-shadow: 1px 34px 30px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 34px 30px rgba(0,0,0,0.5);
box-shadow: 1px 34px 30px rgba(0, 0, 0, 0.5); }
.col3 { width: 280px; }
.col4 { width: 320px; }
.col5 { width: 480px; }
.col_friend_list{width:110px;}
.col_friend_list2{width:110px;}
.col_thumb{width:120px;}

.col1 img { max-width: 70px; }
.col2 img { max-width: 150px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 320px; }
.col5 img { max-width: 480px; }
.col_thumb img{max-width: 120px;}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/**** Corner stamp ****/

.corner-stamp {
  width: 80px;
  height: 30px;
  padding: 10px;
  margin: 10px;
  float: right;
  background: white;
  color: red;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/* stylesheet gallery part */
#content{width:920px; margin: 0 auto;  }
#col_left{ float:left; width: 600px; margin-bottom: 1em;}
.full_bloc a{color: white; background: lightSkyBlue; padding: 0.1em; text-decoration: none;margin-right: 10px;}
.full_bloc a:hover{color: lightSkyBlue; background:white ; padding: 0.1em;}
.full_bloc input{border: none; background: #f6f6f6;}
.caption{/* background: white;  */ text-align: left;  padding: 1em; margin-top: 0.5em; font-size: 14px; border-bottom: 1px solid black;}
.comment{border-top:1px solid #ccc; margin-top: 0.5em; font-size: 11px; padding-top: 0.5em;}
.comment input{ background:#F6F6F6; border:none;}
.comment  textarea{width:590px; background:#F6F6F6; border:none;}
.comment_item{border-top:1px solid #ccc; text-align: left; padding:1em;}
.comments-pagination { margin-top:1em;}
.comments-pagination a { color:black; background:#ccc;padding: 0.5em;}
.comments-pagination a:hover{ color:#4272DB; background:white;padding: 0.5em;}
#play_slide{ z-index: -1;
margin: 7.5em 0 0 7.5em;
position: absolute;
font-size: 25px;}
.full_img img{max-width:550px;max-height:500px; }
#col_right{width:310px; float:right;}
#col_btm{ }
#thumbs_img{height:400px !important; overflow-y:scroll;}
#thumbs_other p{font-size: 13px;}

/** result TAG  **/
.result_tag a{color: white; background: lightSkyBlue; padding: 0.1em; text-decoration: none;margin-right: 10px;}
.result_tag a:hover {color: lightSkyBlue; background:white ; padding: 0.1em;}
.result_tag input{border: none; background: #f6f6f6;}
#result_tag {background:#87CEFA; color:white; padding:0.2em 0.5em;}
.tag_button a{color:white; background:lightSkyBlue; padding:0.2em 1em; }

/* stylesheet footer part */
#footer{  bottom:0;width: 100%;margin: 30px auto;  background: #e7e7e7 url(imgs/bg_footer.png) repeat-x; text-align: center; font-size: 11px;}
.info{font-size: 12px; padding-top:30px;}
.info a{padding: 0.5em; font-size: 12px;color: black;}
.footer_info{  text-align: center;}


